<template>
	<div>
		<div>custom-plugins</div>
		<el-button @click="$$loading.show">显示loading</el-button>
		<el-button @click="$$loading.hide" style="position: relative; z-index: 99999"
			>隐藏loading</el-button
		>
		<el-checkbox disabled>Disabled</el-checkbox>
		<h1>{{ $translate('greetings.hello') }}</h1>
	</div>
</template>

<script setup lang="ts">
import { getCurrentInstance, inject } from 'vue'
import type { Ref } from 'vue'

// 获取provide
const msg = inject<Ref<string>>('msg')
console.log('msg：', msg)

// 获取自定义属性
const instance = getCurrentInstance()
console.log('$A：', instance?.proxy?.$A)
</script>

<style scoped></style>
